/* 全局样式表 */
/* 由于组件的高度是根据内容的，所以要设置其能撑满全屏
min-width 解决了浏览器宽度不够会挤成一坨的情况，强制让
浏览器宽度不影响页面的响应式 */
html,body,#app{
  height: 100%;
  margin:0;
  padding: 0;
  min-width: 1200px;
}
/* 由于面包屑导航和卡片视图总是保持一定的距离，所以写在全局样式中。 */
/* 由于UI组件的样式权重高，如果要用自己的，就需要使用 !important */
.el-card{
  margin-top: 25px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
}
/* 卡片区域同理 */
.el-table{
  margin-top: 20px;
}
/* message消息提示文字垂直水平居中 */
.el-message__content{
  text-align: center;
  font-size: 16px;
  line-height: 46px;
}
/* 分页器 */
.el-pagination{
  margin-top: 25px;
}
.el-message-box__message{
  position: relative;
}
.el-message-box__message p{
  text-align: center;
  font-size: 16px;
  line-height: 46px;
  position: absolute;
  top: -25px;
}